*{
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a{text-decoration: none;color: #333}
.clear{ height:0px;line-height:0px;clear:both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
*+html .clearfix { overflow:hidden;}
* html .clearfix { height: 1%;}
body{color:#333;}
#priceBoard{width: 100%}
.main-title{width: 100%;padding: 0 17px;margin-top: 16px;box-sizing: border-box;}
.title-content{font-size: 1.4rem;line-height: 2.5rem;}
.title-info{font-size: 1.4rem;color:#999;margin-top: 16px}
.local{width: 100%;height:24px;padding-right: 20px;box-sizing: border-box;margin-top:15px;font-size: 1.4rem;line-height: 24px;}
.container{width: 42px;float: right}
.read-local{float: right;margin-left: 10px}
.switch{display:none;}
label{position:relative;display: block;padding: 1px;border-radius: 24px;height: 22px;margin-bottom: 15px;background-color: #eee;cursor: pointer;vertical-align: top;-webkit-user-select: none;}
label:before{content: '';display: block;border-radius: 24px;height: 22px;background-color: white;-webkit-transform: scale(1, 1);-webkit-transition: all 0.3s ease;}
label:after{content: '';position: absolute;top: 50%;left: 50%;margin-top: -11px;margin-left: -11px;width: 22px;height: 22px;border-radius: 22px;background-color: white;box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.08);-webkit-transform: translateX(-9px);-webkit-transition: all 0.3s ease;}
.switch:checked~label:after{-webkit-transform: translateX(9px);}
.switch:checked~label:before{background-color:#FF6816;}
.price-title{width: 100%;box-sizing: border-box;border-left: 5px solid #FFAA28;padding-left: 12px;font-size: 1.4rem;height:25px;line-height: 25px;margin-top: 15px}
.min-max-price{width: 100%;box-sizing: border-box;padding: 0 17px;height: 50px;position: relative;}
.price-length{width: 100%;height: 3px;background: #e6e6e6;margin-top: 90px;}
.left-mark,.right-mark{position: absolute;width: 3px;height: 10px;background: #e6e6e6;top:-10px}
.left-mark{left:37px;}
.right-mark{right:37px;}
.min-price,.middle-mark,.max-price{position: absolute}
.min-price,.max-price{top:10px;color:#999;font-size: 1.4rem}
.min-price{left:17px}
.max-price{right: 17px}
.min-price-num,.max-price-num{position: absolute;top:-35px;font-size: 1.2rem}
.min-price-num{left:17px}
.max-price-num{right: 17px}
.middle-mark{top: -70px;left: 50%;margin-left: -52px;}
.average-price{display: block;width: 10.5rem;height: 6.5rem;}
.middle-mark p{position: absolute;top: 5px;font-size: 1.4rem;z-index: 9;text-align: center;width: 100%;color: #fff;}
.price-board{margin-top: 20px;height: 17rem;width: 100%;}
.online-sale{margin-top: 40px;height: 7rem;width: 100%;box-sizing: border-box;padding: 0 17px;position: relative;}
.sale-box{width: 100%;background: #ccc;height: 25px;border-radius: 25px;}
.start{width: 24px}
.middle{top:-30px;font-weight: 600;}
.start,.middle,.end{float:left;color: #666;font-size: 1.3rem;margin-top: 10px}
.sale-inner-box{height: 25px;border-radius: 25px;background: #FF6816}
.end{width:25px;float: right}
.fillfull{position: absolute;left:calc(100% - 45px)}
.zerofill{position: absolute!important;left:17px!important;top:-30px!important;}